<template>
  <div class="flex flex-wrap items-end gap-2">
    <div class="bg-muted-50 h-8 w-8 rounded-lg" data-tooltip="bg-muted-50"></div>

    <div class="bg-muted-100 h-8 w-8 rounded-lg" data-tooltip="bg-muted-100"></div>

    <div class="bg-muted-200 h-8 w-8 rounded-lg" data-tooltip="bg-muted-200"></div>

    <div class="bg-muted-300 h-8 w-8 rounded-lg" data-tooltip="bg-muted-300"></div>

    <div class="bg-muted-400 h-8 w-8 rounded-lg" data-tooltip="bg-muted-400"></div>

    <div class="bg-muted-500 h-8 w-8 rounded-lg" data-tooltip="bg-muted-500"></div>

    <div class="bg-muted-600 h-8 w-8 rounded-lg" data-tooltip="bg-muted-600"></div>

    <div class="bg-muted-700 h-8 w-8 rounded-lg" data-tooltip="bg-muted-700"></div>

    <div class="bg-muted-800 h-8 w-8 rounded-lg" data-tooltip="bg-muted-800"></div>

    <div class="bg-muted-900 h-8 w-8 rounded-lg" data-tooltip="bg-muted-900"></div>

    <div class="bg-muted-950 h-8 w-8 rounded-lg" data-tooltip="bg-muted-950"></div>
  </div>
</template>
